<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta charset="utf-8" />
        <title>Growing Thumbnails Portfolio with jQuery &amp; CSS3 | Tutorialzine Demo</title>
        
        <!-- The stylesheet -->
     <link rel="stylesheet" href="${initParam.root}/css/favorite_styles.css" />
        
        <!-- Google Fonts -->
        
        
        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    
    <body>

		<header>
			<h2>MY</h2>
			<h1>즐겨찾기</h1>
		</header>
		<hr color="#FF9436">
        <div id="main">
        	
        	<h3>My Latest Favorite</h3>
        	
        	<a class="arrow prev">Prev</a>
        	<a class="arrow next">Next</a>
        	
        	<ul id="carousel">
        		<li><a href="#"><img src="${initParam.imgRoot }s8.jpg" alt="Media Temple" /></a></li>
        		<li><a href="#"><img src="${initParam.imgRoot }s9.jpg" alt="Shutterstock" /></a></li>
        		<li><a href="#"><img src="${initParam.imgRoot }s10.jpg" alt="Pagelines" /></a></li>
        		<li><a href="#"><img src="${initParam.imgRoot }s11.jpg" alt="Themefuse" /></a></li>
        		<li class="visible"><a href="#"><img src="${initParam.imgRoot }s1.jpg" alt="RapidXHTML" /></a></li>
        		<li class="visible"><a href="#"><img src="${initParam.imgRoot }s2.jpg" alt="IM Creator" /></a></li>
        		<li class="visible"><a href="#"><img src="${initParam.imgRoot }s3.jpg" alt="Email on Acid" /></a></li>
        		<li><a href="#"><img src="${initParam.imgRoot }s4.jpg" alt="Template SOLD" /></a></li>
        		<li><a href="#"><img src="${initParam.imgRoot }s5.jpg" alt="Linux Cloud VPS" /></a></li>
        		<li><a href="#"><img src="${initParam.imgRoot }s6.jpg" alt="Billgrid" /></a></li>
        		<li><a href="#/"><img src="${initParam.imgRoot }s7.jpg" alt="MaxCDN" /></a></li>
        	</ul>
        	
        </div>
        <!-- JavaScript includes - jQuery and our own script.js -->
		<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
		<script src="${initParam.root }/scripts/recipe/favorite_script.js"></script>
        
    </body>
</html>